.pms-center{
  //padding: 32px;
}

.mat-container > * {
  width: 100%;
  .col-4 > *{
    width: 100%;
  }
}

.mat-container {
  display: flex;
  flex-direction: column;
}

.detail-view-container{
  .user-role-panel {
    top: 122.0486px !important;
  }

  .role-list {
    padding: 20px;
    .role {
      //background: darkgrey;
      width: 162px;
      height: 30px;
      line-height: 30px;
      margin-top: 5px;
    }
  }

  .demand-in-task {
    padding: 0px 10px;
    mat-form-field {
      width: 76%;
    }
  }

  .demand-search {
    padding: 0px 20px;
    mat-form-field {
      width: 96%;
    }
  }

  .demand-list-not-assigned {
    padding: 0px 20px;

    mat-form-field {
      width: 80%;
    }

    .add-demand {
      font-weight: normal;
      font-size: 20px;
      color: rgba(0, 0, 0, 0.54);
      margin-right: 12px;
      outline: none !important;
    }
  }

  .demand-progress-bar {
    margin: 10px;
    padding: 0 20px;

    mat-progress-bar {
      width: 80%;
    }
  }

  .delete-icon:hover {
    background: #f44336;
  }

  .participant {
    padding: 15px 10px 0px 10px;
  }
}
